.header{padding: 0 8.7% 0 7.7%;height: 113px;line-height: 113px;background:rgba(255,255,255,.5);box-shadow:0px 3px 13px 0px rgba(0, 0, 0, 0.13); position: fixed;top: 0;left: 0;right: 0;z-index: 999;transition: all .2s linear;}
.header-bg{background-color: #ffffff;position: static;}
.nav-li li{float: left;font-size: 16px;color: #4F4E4E;padding: 0 26px;}
.nav-li li.on{color: #47A072;font-weight: bold;}
.searchInput{width:179px; height:35px; border:1px solid rgba(128,127,127,1);border-radius:18px;display: flex;margin-top: 40px;}
.searchInput input{border: 0;height: 100%;width: 100%;padding: 0 6px 0 30px;background: transparent;background: url(../images/seh.png) no-repeat 6px center/18px 18px;color: #999999;}
.searchInput:focus{border:1px solid #11A180;}
.searchInput input:focus{outline: 0;}
.header h1{line-height: 113px;}
.bannerSwiper .swiper-pagination-bullet{width: 16px;height: 16px;background-color: #21B59D;opacity: 1;margin: 0 8px !important;}
.bannerSwiper .swiper-pagination-bullet-active{background: #21B4EE;}
.bannerSwiper .swiper-pagination{bottom: 30px;}

.index-tit{color: #3E3E3E;font-size: 24px;font-weight: bold;margin: 38px 0 16px 0;}
.tit-en{text-transform: uppercase;color: #494949;font-size: 16px;padding-bottom: 48px;}
.index-tit,.tit-en{text-align: center;}
.index-prot1{background: url(../images/bg1-1.jpg) no-repeat center/cover;padding-bottom:78px ;}
.i-p-r{width: 678px;}
.div-h3{font-size: 24px;color: #2E2E2E;padding: 5px 0 20px 0;position: relative;margin-bottom: 18px;}
.div-h3::before{content: '';width: 30px;height: 1px;background: #31AD91;position: absolute;bottom: 0;left: 0;}
.i-p-c{font-size: 18px;color: #464646;line-height:36px;}
.i-p-c-cont{display: contents;}
a.more-index{font-size: 16px;color: #CB2C41;text-transform: uppercase;transition: all .3s linear;}
a.more-index:hover{text-decoration: underline;}
.index-prot2{background: url(../images/bg1-2.jpg) no-repeat center/cover;height: 706px;}
.margn{margin-top: 62px;}
.en-marg{padding-bottom: 100px;}
.i-p-c2{color: #595959;font-size: 20px;line-height:40px;}
.index-tit2{font-size: 30px;color: #11A180;padding: 0 110px 20px 0;border-bottom: 1px solid #11A180;position: relative;margin-bottom: 40px;}
.index-tit2::before{content: '';width: 50px;height: 4px;background: #11A180;position: absolute;left: 0;bottom: -2px;}
.span-tit{color: #11A180;font-size: 16px;padding-bottom: 30px;display: block;}
.i-p-l{position: relative;height: 374px;}
.more-posi{position: absolute;bottom: 0;left: 0;}
.i-p-img,.p-p-ul li{background-size: cover;background-position: center;background-repeat: no-repeat;}
.jdfm-list li .i-p-img{width: 100%;height: 150px;background-size: 100%;transition: all .3s linear;overflow: hidden;}
.jdfm-list li .i-p-img>img{width: 100%;height: 100%;transition: all .3s linear;}
.index-prot3{background: url(../images/bg1-3.jpg) no-repeat center/cover;padding-bottom: 112px;}
.index-nav{display: flex;flex-flow: column;align-items: flex-end;}
.index-nav li{width:160px;height:40px;line-height: 40px;background:rgba(230,230,230,1);border-radius:19px 0px 0px 19px;text-align: center;color: #11A180;margin-bottom: 15px;transition: all .2s linear;cursor: pointer;}
.index-nav li.on{width:200px;height:50px;line-height: 50px;background:#11A180;color: #ffffff;font-size:18px;border-radius:25px 0px 0px 25px;}
.index-list li{height: 56px;line-height: 56px;padding-left: 35px;position: relative;color: #525252;font-size: 16px;}
.index-list li a{transition: all .2s linear;color:#535353;font-size: 16px;}
.index-list li:hover a{text-decoration: underline;color: #12A280;}
.index-list li time{color: #929292;}
.index-news-ul>li:first-of-type{display: block;}
.index-news-ul>li{display: none;}
.cont-time{color: #929292;padding-top: 24px;display: block;}
.index-news{width: 890px;}
.index-new-ie{padding-bottom: 18px;transition: all .2s linear;}
.index-new-ie:hover{background-color: #f6f6f6;}
.index-new-ie:hover .tit-i-h4{color: #12A280;}
.index-new-ie,.index-list li{border-bottom: 1px solid #DFDEDE;}
.index-list li::before{content: '';width: 4px;height: 4px;border-radius: 50%;background: rgba(17,161,128,.45);position: absolute;left: 4px;top: 50%;margin-top: -2px;}
.i-p-r3{width: 600px;}
.tit-i-h4{font-size: 18px;color: #2D2E2E;margin: 18px 0 19px 0;}
.i-cont-ip{color: #7C7D7D;width: 460px;}
a.more-color{color:#C50B22;}
.i-p-div span{display: block;}
.i-p-div p{line-height: 24px;}

.footer-top{background-color: #383838;color: #A1A1A1;}
.botContact{width: 320px;}
.botContact h2{color: #C8C8C8;font-size: 24px;font-weight: bold;margin-bottom: 26px;}
.botContact p{line-height: 30px;font-size: 14px;}
.footer-m{padding: 56px 0 38px 0;}
.footer-ul{width: 880px;}
.footer-ul li{float: left;width: 20%;}
.footer-ul li h3{padding-bottom: 28px;color: #C8C8C8;font-size: 18px;}
.footer-ul li a{display: block;line-height: 29px;}
.footer-ul li a:hover{text-decoration: underline;color: #eeeeee;}

.footer-color{background-color: #323232;height:70px;line-height: 70px;}
.footer-bot{text-align: center;color: #BAB9B9;}


/* 关于佑美 */
.page-nav{background:#ECECEC;}
.page-nav-ul li{width: 200px;height:70px;line-height: 70px;color: #5C5C5C;font-size: 16px;text-align: center;}
.page-nav-ul li a{display: block;}
.page-nav-ul li.on{background-color: #12A280;color: #FFFFFF;}
.path-p{line-height: 70px;}
/* .path-p a:last-of-type{color: #11A180;} */
.wrapSwiper{position: relative;}
.memorabilia-tit{font-size: 30px;color: #2E2E2E;text-align: center;padding-bottom: 90px;}
.page-prot2{padding: 48px 0 42px 0;}
.memorabiliaSwiper::before{content: '';width: 100%;height: 3px;background-color: #12A280;position: absolute;left: 0;    top: 50%;margin-top: -8px;}
.memorabiliaSwiper ul li{text-align: center;padding-top: 4%;position: relative;}
.memorabiliaSwiper ul li::before{content: '';width:15px;height:15px;background:rgba(18,162,128,1);border:1px solid rgba(18,162,128,1);border-radius:50%;position: absolute;left: 50%;top: 19px;z-index: 999;margin-left: -8px;}
.memorabiliaSwiper ul li::after{content: '';width:28px;height:28px;border:1px solid rgba(18,162,128,1);border-radius:50%;position: absolute;left: 50%;top: 12px;margin-left: -14px;background-color: #ffffff;}
.memorabiliaSwiper ul li.on{color: #2E2E2E;font-size: 18px;font-weight: bold;}
.memorabiliaSwiper ul li.on::before{background-color: #ED6942;border-color: #ED6942;}
.memorabiliaSwiper ul li.on::after{border-color: #ED6942;}
.wrapSwiper .swiper-button-prev,.wrapSwiper .swiper-button-next{width: 30px;height: 30px;}
.wrapSwiper .swiper-button-prev:focus,.wrapSwiper .swiper-button-next:focus{outline: 0;}
.wrapSwiper .swiper-button-prev{background: url(../images/swip-l.png) no-repeat center/cover;left:-57px ;}
.wrapSwiper .swiper-button-next{background: url(../images/swip-r.png) no-repeat center/cover;right: -57px;}
.list-item{padding-top: 80px;}
.list-item li{display: none;}
.list-item li:first-of-type{display: block;}
.item-tit{color: #2E2E2E;font-size: 36px;text-align: center;font-weight: bold;}
/* .wrapSwiper  */

.page-prot2{padding: 50px 0 42px 0;}

.page-prot:nth-of-type(2n){background-color: #F5F5F5;}
.p-p{padding: 40px 0 70px 0;line-height: 36px;}
.p-p-l{width: 810px;}
.page-tit{color: #12A280;font-size: 24px;font-weight: bold;padding: 0px 0px 30px 0;}
.p-p-cont{font-size: 16px;color: #474747;line-height: 36px;}
.p-p-r{}
.gy-tit{color: #2E2E2E;font-size: 30px;padding: 60px 0 64px 0;text-align: center;}
.p-p-ul li{height: 300px;width: 25%;}
.p-p-ul li h4{font-size: 24px;color: #FFFFFF;text-align: center;padding: 84px 0 40px 0;}
.p-p-ul li .p{font-size: 16px;color: #FFFFFF;text-align: center;line-height:36px;}
.jdfm-list li{width: 250px;margin-right: 66px;transition: all .2s linear;}
.jdfm-list li:nth-of-type(4n){margin-right: 0;}
.jdfm-list li p{margin: 18px 0 30px 0;text-align: center;font-size: 16px;color: #525252;}
.jdfm-list li:hover{opacity: 0.8;}
.jdfm-list li:hover .i-p-img{background-size: 120%;}
.jdfm-img img{width: 100%;}
.jdfm-img p{text-align: center;padding: 20px 0 30px 0;font-size: 16px;color: #525252;}
.contactUs-p{text-align: right;line-height: 60px;padding-right: 28px;color: #5C5C5C;font-size: 16px;}
.contactUs-p a:last-of-type{color: #11A180;}
.contactUs-r{width: 950px;border-top: 1px solid #C5C5C5;color: #696969;padding-top:48px;padding-bottom: 100px;min-height: 400px;}
.c-r-h2{color: #3D3D3D;font-size: 20px;font-weight: bold;padding-bottom: 40px;}
.contactUs-l{border:1px solid #11A180;width: 200px;text-align: center;}
.c-l-c{height: 90px;line-height: 50px;background-color: #11A180;color: #FFFFFF;padding-top: 16px;}
.c-l-c h4{font-size: 20px;}
.nav-l li{height: 66px;line-height: 66px;border-bottom: 1px solid #11A180;color: #565454;font-size: 16px;position: relative;}
.nav-l li:last-of-type{border-bottom: 0;}
.nav-l li.on{font-weight: bold;}
.nav-l li.on::before{content: '';border-style: solid; border-width: 8px 0px 8px 10px;border-color: transparent transparent transparent #11A180;position: absolute;right: 28px;top: 50%;margin-top: -6px;}
.list-ul1 li{width:300px;margin-right: 25px;}
.list-ul1 li:hover .l-u-img{border-color: rgba(18,162,128,1);}
.list-ul1 li:nth-of-type(3n){margin-right: 0;}
.list-ul1 li .l-u-img{height:220px;border:1px solid rgba(216,216,216,1);text-align: center;line-height: 210px;padding: 0 30px;    transition: all .3s linear;}
.list-ul1 li p{text-align: center;color: #565454;font-size: 16px;margin: 18px 0 20px 0;padding: 4px 0;transition: all .2s linear;}
.list-ul1 li:hover p{ background-color: #11A180;color: #ffffff;}
.tit-en1{text-transform: uppercase;}
.zshz-c>div{width: 50%;}
.zshz-cont{line-height: 36px;color: #3A3A3A;font-size: 16px;}
.zshz-cont strong{font-size: 18px;}
.news-list li{padding:20px 26px 20px 22px;background-color: #F7F8F8;margin-bottom: 30px;transition: all .2s linear;}
.news-list li:hover{box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.13);transform: translateY(-6px);}
.news-list li:hover .news-list-r h4{color: #12A280;}
.news-list-r{width: 667px;}
.news-list-r h4{color: #393838;font-size: 18px;font-weight: bold;padding: 9px 0 18px 0;transition: all 0.2s;}
.news-list-r p{color: #6D6D6D;font-size: 16px;}
.more-time{padding-top: 24px;color: #6D6D6D;}
a.more_details{color: #12A280;}

.banner-page{transform: translateY(100px); opacity: 0;transition-duration: .5s;-webkit-transition-duration: .5s;-webkit-transition-delay: .1s;}
.header-bg{transform: translateY(60px);transition-duration: .4s;-webkit-transition-duration: .4s; opacity: 0;}
.active{transform: translateY(0px);opacity: 1;}
/* .content{transform: translate3d(0px, 20px, 0px);transition: all .3s ease-out;} */
body,.header,html{
    min-width: 1200px;
}
@media screen and (max-width:1306px){
    .header{padding: 0 4% 0 3.8%;}
}